<template>
    <div id="recharge-success" class="bg-account">
        <div class="con-wrap bg-f success-top">
            <img src="/statics/home/images/icon-success.png" alt="success" class="pay-success">
            <p class="success-info">订单提交成功</p>
            <p class="success-tips" v-if="detailInfo.status == 0">物品进入锁定阶段，管理员后台处理交易</p>
            <p class="success-tips" v-if="detailInfo.status != 0">{{ detailInfo.status_text }}</p>
        </div>
        <img src="/statics/home/images/hr-img.png" alt="hr" class="hr-img">
        <div class="con-wrap flex-nowrap bg-f success-bottom">
            <div class="success-left">
                <p>订单编号：</p>
                <p>创建时间：</p>
                <p>充值金额：</p>
                <p>付款方式：</p>
            </div>
            <div class="success-right">
                <p>{{ detailInfo.order_sn }}</p>
                <p>{{ detailInfo.created_at }}</p>
                <p>{{ detailInfo.good.price }}</p>
                <p>代币支付</p>
            </div>
        </div>
        <div class="btn-1 btn-1-main" @click="toGo()">返回订单列表</div>
    </div>
</template>


<script>
export default {
    name: 'RechargeSuccess',
    data() {
        return {
            detailInfo:{
                good:{}
            },
        }
    },
    created() {
        let detail_id = this.$route.params.id;
        this.$api.order.detail({detail_id:detail_id}).then(res => {
            this.detailInfo = res.result
        }).finally(e=>{});
    },
    methods: {
        toGo(){
            this.$router.go(-1);
        },
    }
}
</script>
